<template>
    <div class="slider">
        <el-aside width="230px">
            <el-menu router :default-active="$route.path" background-color="#2f4050" text-color="#fff"
                active-text-color="#ffd04b" unique-opened>
                <el-submenu index="1">
                    <template slot="title"><i class="el-icon-message"></i>首页</template>
                    <el-menu-item-group>
                        <el-menu-item index="/home">首页</el-menu-item>
                    </el-menu-item-group>
                </el-submenu>
                <el-submenu index="2">
                    <template slot="title"><i class="el-icon-message"></i>公告管理</template>
                    <el-menu-item-group>
                        <el-menu-item index="">公告</el-menu-item>
                    </el-menu-item-group>
                </el-submenu>
                <el-submenu index="3">
                    <template slot="title"><i class="el-icon-menu"></i>活动管理</template>
                    <el-menu-item-group>
                        <el-menu-item index="/ggyy">公告预约</el-menu-item>
                        <el-menu-item index="/gwcx">岗位查询</el-menu-item>
                        <el-menu-item index="/ckgg">查看公告</el-menu-item>
                        <el-menu-item index="">晒分</el-menu-item>
                        <el-menu-item index="">是否进入资格复审</el-menu-item>
                        <el-menu-item index="">是否进入面试</el-menu-item>
                        <el-menu-item index="">考前领取资料</el-menu-item>
                    </el-menu-item-group>
                </el-submenu>
                <el-submenu index="4">
                    <template slot="title"><i class="el-icon-setting"></i>超管</template>
                    <el-menu-item-group>
                        <el-menu-item index="/user">用户管理</el-menu-item>
                        <el-menu-item index="">管理员权限管理</el-menu-item>
                    </el-menu-item-group>
                </el-submenu>
            </el-menu>
        </el-aside>
    </div>
</template>

<script>
export default {
    name: 'Slider',
    data(){
        return {
            
        }
    }
}
</script>

<style>
.slider {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 230px;
    z-index: 1;
    padding-top: 60px;
    box-sizing: border-box;
    background: #2f4050;
}
.el-aside {
    color: #afb6bc;
    height: 100%;
}
.el-menu {
    background: initial;
    border: none;
}
.el-menu-item-group__title {
    padding: 0;
}
</style>